<!DOCTYPE html>
<html lang="en" class="desktop landscape">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>共喜财富—让投资更容易，一站式金融信息服务云平台</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="yes">
    <meta name="keywords" content="金融大数据|智能机器学习|资管云服务|量化投资|程序化交易|金融信息服务|互联网资产管理|互联网理财|舆情分析|主题投资|事件驱动策略|">
    <meta name="description"
          content="共喜财富股份公司（DataYes）是由金融和高科技资深专家发起，万向集团投资成立的一家金融资讯和投资管理服务公司。致力于通过新一代的信息技术和投资理念打造国际一流的、具有革命性意义的金融服务平台，为客户提供更专业和更全面的服务，并让客户享受到全新的用户体验。">
    <style type="text/css">
        @charset "UTF-8";
        [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide {
            display: none !important;
        }

        ng\:form {
            display: block;
        }

    </style>
    <script type="text/javascript" src="{{ static('js/jquery-1.7.2.min.js') }}"></script>

    <link type="text/css" rel="stylesheet" href="{{ static('css/yestrap-light.css') }}">
    <link type="text/css" rel="stylesheet" href="{{ static('css/main.css') }}">
    <link type="text/css" rel="stylesheet" href="{{ static('css/index.css') }}">
    <link type="text/css" rel="stylesheet" href="{{ static('css/moxing.css') }}">
</head>
<body>
{% include 'header.html' %}


<ui-view class="ng-scope">
    <nav class="ng-scope ng-isolate-scope">
        <div class="nav_bar">
            <div class="tsth_contain clearfix">
                <ul class="navigation clearfix">
                    <li><a href="/">首页</a></li>
                    <li><a href="/tougu">
                        我们的投顾
                    </a>
                    </li>
                    <li>
                        <a href="/product">
                            我们的产品
                        </a>
                    </li>
                    <li><a href="/partner">
                        客户和伙伴
                    </a>
                    </li>
                    <li class="cur">
                        <a href="/zhuzibao">
                            注资宝
                        </a>
                    </li>
                    <li><a href="/aboutus">
                        关于我们
                    </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="mypro-main ng-scope">
        <div class="mypro-content clearfix">
            <!-- ngIf: tabInfo.cur -->
            <div class="mypro-bd myporduct ng-scope" style="margin-left: 0px">
                <!-- ngIf: tabInfo.cur === 'datamkt' --><!-- ngInclude: options.datamkt -->
                <div ng-include="options.datamkt" ng-if="tabInfo.cur === &#39;datamkt&#39;" class="datamkt ng-scope">
                    <div class="top ng-scope">
                        <form name="pay" action="/user/pay" id="pay" method="post">
                            {{ form.csrf_token }}
                            {{ form.price }}
                            <div class="pro_desc">
                                <div class="title">
                                    <img src="/static/images/{{ info.image }}" class="sub_logo">

                                    <h1>注资宝</h1>
                                    <a href="#" target="_blank"></a>
                                </div>
{#                                <p>国内首家开放性的大数据信息平台，汇聚海外、金融、行业、企业、电商、搜索、社交媒体等各领域大数据，是量化投资和人工智能领域的原料宝藏。</p>#}
                                <br>
                                <span class="price price1" data-price="100000">{{ info.price1 }}</span>
                                <span class="price price2" data-price="200000">{{ info.price2 }}</span>
                                <span class="price price3" data-price="500000">{{ info.price3 }}</span>
                                <br>
                                <button class="default_btn"  type="button">立即购买</button>
                            </div>
                        </form>
                    </div>
                </div>

                <div class="pro_info ng-scope">
                    <div class="pro_info_title">
                        <a class="act">产品描述</a>
{#                        <a ng-class="{act: currentTab===&#39;1&#39;}" ng-click="switchTab(&#39;1&#39;)">产品功能</a>#}
                        <!-- <a href="#">购买相关</a> -->
                    </div>
                    <!-- ngIf: currentTab==='0' -->
                    <div class="pro_info_item ng-scope">
{#                        <ul>#}
{#                            <li>首创用户按需付费的新模式；投研用户在使用信息时，不必“整体采购”，而是按需选购，即用即买；大大降低信息采购成本。</li>#}
{#                            <li>以开放共赢为理念，大力支持传统信息供应商向新兴的互联网营销模式转型。</li>#}
{#                            <li>数据分析结果数据，高附加值。</li>#}
{#                        </ul>#}
                        {{ info.desc }}
                    </div>

                </div>
            </div>

        </div>

    </div>
    </div>

</ui-view>
{% include 'footer.html' %}
<script type="text/javascript">
    $(".price").click(function () {
        $(this).toggleClass("selected").siblings(".price").removeClass("selected");
        $("#price").val($(this).data("price"))
    })
    $(".default_btn").click(function(){

        if ($(".pro_desc ").find(".selected").length==0){
            alert("请选择一个价格");
            return false
        }
        else{
            $("form").submit()
        }
    })
</script>
</body>
</html>